@import 'play-again';
@import 'high';

.storm-dashboard {
  .storm-play-again {
    margin: 2vh 0;
  }

  &__history {
    overflow: hidden;

    th:not(:first-child) {
      text-align: right;
    }

    td:not(:first-child) {
      text-align: right;
    }

    color: $c-font-dim;

    number {
      font-family: 'storm';
      font-size: 2em;

      &.score {
        color: $c-brag;
      }
    }

    @include breakpoint($mq-not-small) {
      td,
      th {
        &:nth-child(3),
        &:nth-child(5),
        &:nth-child(6) {
          display: none;
        }
      }
    }

    @include breakpoint($mq-not-xx-small) {
      td,
      th {
        &:nth-child(3),
        &:nth-child(4),
        &:nth-child(5),
        &:nth-child(6),
        &:nth-child(7) {
          display: none;
        }
      }
    }
  }
}
